/* animate */
/* 顶部居中自上向下滑出 */
@-webkit-keyframes ctb{
  0%{
    -webkit-transform:translate(-50%,-100%);
  }
  100%{
    -webkit-transform:translate(-50%,0);
  }
}

@keyframes ctb{
  0%{
    transform: translate(-50%,-100%);
  }
  100%{
    transform: translate(-50%,0);
  }
}

/* 底部居中自下向上滑出 */
@-webkit-keyframes cbt{
  0%{
    top:100%;
    -webkit-transform:translate(-50%,100%);
  }
  100%{
    top:0;
    -webkit-transform:translate(-50%,0);
  }
}
@keyframes cbt{
  0%{
    top:100%;
    transform: translate(-50%,100%);
  }
  100%{
    top:0;
    transform: translate(-50%,0);
  }
}

/* 自下向上 */
@-webkit-keyframes bt{
  0%{
    -webkit-transform:translate(0,100%);
  }
  100%{
    -webkit-transform:translate(0,0);
  }
}
@keyframes bt{
  0%{
    transform: translate(0,100%);
  }
  100%{
    transform: translate(0,0);
  }
}

/* 由左上飞到中间 */
@-webkit-keyframes ltc{
  0%{
    top:0;
    left:0;
    -webkit-transform:translate(-50%,-50%) scale(0);
  }
  100%{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%) scale(1);
  }
}
@keyframes ltc{
  0%{
    top:0;
    left:0;
    transform: translate(-50%,-50%) scale(0);
  }
  100%{
    top:50%;
    left:50%;
    transform: translate(-50%,-50%) scale(1);
  }
}

/* 由右上飞到中间 */
@-webkit-keyframes rtc{
  0%{
    top:0;
    right:0;
    -webkit-transform:translate(50%,-50%) scale(0);
  }
  100%{
    top:50%;
    right:50%;
    -webkit-transform:translate(50%,-50%) scale(1);
  }
}
@keyframes rtc{
  0%{
    top:0;
    right:0;
    transform: translate(50%,-50%) scale(0);
  }
  100%{
    top:50%;
    right:50%;
    transform: translate(50%,-50%) scale(1);
  }
}

/* 小图抖动 */
@-webkit-keyframes shake-rotate {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg)
  }
  20% {
    -webkit-transform: translate(3px, 0) rotate(3deg)
  }
  40% {
    -webkit-transform: translate(-3px, 0) rotate(-5deg)
  }
  60% {
    -webkit-transform: translate(3px, 0) rotate(3deg)
  }
  80% {
    -webkit-transform: translate(-3px, 0) rotate(-5deg)
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg)
  }
}
@keyframes shake-rotate {
  0% {
      transform: translate(0, 0) rotate(0deg)
  }
  20% {
      transform: translate(3px, 0) rotate(3deg)
  }
  40% {
      transform: translate(-3px, 0) rotate(-5deg)
  }
  60% {
      transform: translate(3px, 0) rotate(3deg)
  }
  80% {
      transform: translate(-3px, 0) rotate(-5deg)
  }
  100% {
      transform: translate(0, 0) rotate(0deg)
  }
}

/* 居中从无放大到居中 */
@-webkit-keyframes cscale{
  0%{
    -webkit-transform:translate(-50%,-50%) scale(0);
  }
  100%{
    -webkit-transform:translate(-50%,-50%) scale(1);
  }
}
@keyframes cscale{
  0%{
    transform: translate(-50%,-50%) scale(0);
  }
  100%{
    transform: translate(-50%,-50%) scale(1);
  }
}

/* animate end */

.a_springGreeting-2019 {
  position: fixed;
	z-index: 99999!important;
  -webkit-animation-fill-mode: forwards!important;
  animation-fill-mode: forwards!important;
}
.a_springGreeting-2019 .p_closeBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  padding: 0;
  color: #000;
  opacity: .6;
  display: inline-block !important
}
.a_springGreeting-2019 .p_pic {
  text-align: center;
}
.a_springGreeting-2019 img {
  max-width: 100%;
  max-height: 100%;
}
.a_springGreeting-2019.p_topCenter {
  top:0;
  left:50%;
  width:100%;
  -webkit-animation: ctb .5s ease;
  animation: ctb .5s ease;
  
}
.a_springGreeting-2019.p_bottomCenter {
 bottom: 0;
  left:50%;
  width:100%;
  -webkit-animation: cbt .5s ease;
  animation: cbt .5s ease;
}
.a_springGreeting-2019.p_leftBottom {
  bottom:0;
  left:0;
  -webkit-animation: bt .5s ease;
  animation: bt .5s ease;
}
.a_springGreeting-2019.p_rightBottom {
  bottom:0;
  right:0;
  -webkit-animation: bt .5s ease;
  animation: bt .5s ease;
}
.a_springGreeting-2019.p_rightMiddle {
  right:0;
  top:50%;
  -webkit-transform:translate(0,-50%);
  transform: translate(0,-50%);
}
.a_springGreeting-2019.p_leftMiddle {
  left:0;
  top:50%;
  -webkit-transform:translate(0,-50%);
  transform: translate(0,-50%);
}
.a_springGreeting-2019.p_middleCenter {
  left:50%;
  top:50%;
  -webkit-animation: cscale .5s ease;
  animation: cscale .5s ease;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
}
.a_springGreeting-2019.p_leftTop {
  top:0;
  left:0;
  width:120px;
  height: 120px;
}
.a_springGreeting-2019.p_rightTop {
  top:0;
  right:0;
  width:120px;
  height: 120px;
}
.a_springGreeting-2019 .p_picSmall {
  text-align: center;
  line-height: 120px;
  font-size: 0;
  height: 100%;
  -webkit-animation: shake-rotate .4s ease-in-out;
  animation: shake-rotate .4s ease-in-out;
  cursor: pointer;
}
.a_springGreeting-2019 .p_picSmall img {
  max-width: 100%;
  max-height: 100%;
}
.a_springGreeting-2019 .p_picBig {
  position: fixed;
  -webkit-animation-fill-mode: forwards!important;
  animation-fill-mode: forwards!important;
}
.a_springGreeting-2019.p_leftTop .p_picBig {
  -webkit-animation: ltc .5s ease;
  animation: ltc .5s ease;
}
.a_springGreeting-2019.p_rightTop .p_picBig {
  -webkit-animation: rtc .5s ease;
  animation: rtc .5s ease;
}
